<?php
$website = get_option('website');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Myaudiometer</title>
<link rel="stylesheet" type="text/css" href="theme/css/style.css"/>
<link rel="stylesheet" type="text/css" href="theme/css/jquery.ui/jquery-ui-1.8.7.custom.css" />
<link rel="stylesheet" type="text/css" href="theme/css/colorbox.css" />
<link rel="stylesheet" type="text/css" href="theme/css/default.css" />

<script type="text/javascript" src="theme/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="theme/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="theme/js/jquery.colorbox.js"></script>
<script type="text/javascript" src="theme/js/jquery.validate.js"></script>
<script type="text/javascript" src="theme/js/flashEx.js"></script>
<script type="text/javascript" src="theme/js/swfobject_modified.js"></script>


<style type="text/css">
input.error {border:#F00 solid 1px;}
label.error {float:left; color: red; padding-top:2px; padding-left: .5em; vertical-align: top; }
BODY{font-family:Calibri, Tahoma, Verdana, Arial; margin: 0px 0px 0px 0px; font-size:13px; background:url(theme/images/pagebg.jpg); background-repeat:repeat-x; height:100%;}

</style>

<!--[if IE 8 ]>
<link rel="stylesheet" type="text/css" href="css/style_ie.css"/>
<![endif]-->
<!--[if IE 7 ]>
<link rel="stylesheet" type="text/css" href="css/style_ie7.css"/>
<![endif]-->

    <style>
	#button { padding: .5em 1em; text-decoration: none; }
	#effect { width:100%; height: 600px; top:0px; display:none; position:absolute; vertical-align:top; text-align:center;}
	.topcontent {width:939px; height:500px; background-color:#9F6;}
	</style>
	<script>
	$(document).ready(function(){
			$(".contact_link").colorbox({width:"850", height:"500", iframe:true});
			$(".main_link").colorbox({width:"850", height:"700", iframe:true});

			$("#newsForm").validate( );


			});



	</script>


<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-3900532-18']);
 _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>


</head>

<body>

<center>


    <!-- pagetop_wrap -->

	<div class="pagewrap">

    <!-- thepage -->
    <div class="thepage">



    <!-- pagetop_head -->
	<div class="pagetop_head">
    <div class="pagetop_logo"><a href="/"><img src="theme/images/logo.png" border="0" /></a></div>
     <!-- AddThis Button BEGIN -->
     <div class="pagetop_addthis">
        <div class="addthis_default_style" style="float:right;">
        <a class="addthis_button_email"></a>
        <a class="addthis_button_facebook"></a>
        <a class="addthis_button_twitter"></a>
        <a class="addthis_button_linkedin"></a>
        </div>
        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d1bb5041e6d5e7f"></script>
     </div>
        <!-- AddThis Button END -->
    <div class="pagetop_contact"><a class="contact_link" href="/contact.php">Contact us</a></div>
    </div>
    <!-- pagetop_head END -->

    <div class="block_divine">&nbsp;</div>

    <!-- pagetop_body -->
    <div class="page_body">


      <div class="pagetop_video">
      <div class="pagetop_video_left"><iframe width="452" height="252" src="http://www.youtube.com/embed/22IGPy1aX3U?rel=0&autohide=1&showinfo=0&wmode=transparent" frameborder="0" allowfullscreen></iframe></div>
      <div class="pagetop_video_right"><iframe width="452" height="252" src="http://www.youtube.com/embed/ktOodmn-fT8?rel=0&autohide=1&showinfo=0&wmode=transparent" frameborder="0" allowfullscreen></iframe></div>
	  </div>


 <br />

    <div class="page_link_left">
    <div class="link_element"><a href="http://www.otometrics.com/knowledge/Courses.aspx" target="_blank">Courses and training</a></div>
    <div class="link_element" style="margin-left:21px;"><a href="/p/video-center" target="_self">Video Center</a></div>
    <div class="link_element"><a href="http://www.otometrics.com/knowledge/Literature/Hearing-assessment-literature.aspx" target="_blank">Literature and articles</a></div>
    <div class="link_element" style="margin-left:21px;"><a href="/p/download-center" target="_self">Download Center</a></div>
    <div class="link_element"><a href="/p/faq">FAQ</a></div>
    <div class="link_element" style="margin-left:21px;"><a href="/category/news/" target="_self">News</a></div>
    </div>

    <div class="subscription_box_outer">
    <div class="sub_text_headline">Sign up to get the latest news from myaudiometer</div>
    <div class="subscription_box">
	<form action="/subscribe.php" method="POST" id="newsForm" name="newsForm" class="cmxform">
    <div class="sub_input_outer"><input id="cemail" name="email" value="Enter your email here" class="subscription_input required email" /></div>
 	<div class="sub_btn_outer"><input class="subscription_button" id="subscription_button" name="Send" type="submit" value="Send" /></div>
   	<script type="text/javascript">
		$("input, textarea").focus(function(){if(this.value == this.defaultValue){this.select();}})
		$("input, textarea").mouseup(function(e){e.preventDefault();});
	</script>
    </form>
    </div>
    </div>


    <!-- pagetop_body END-->
    </div>


    <div class="block_divine">&nbsp;</div>


    <!-- pagetop_boks-->
    <div class="page_boks">

    <?php
	$sql_select_query = "select * from aa_boks LIMIT 0, 5";
	   $mysql_result = mysql_query($sql_select_query);
	   while($datarow = mysql_fetch_array($mysql_result))
	   {
		    if($datarow['id'] == 1)
			{
		   		print "<div class=\"bottom_box_outer\">";
			}
			if($datarow['id'] == 2)
			{
		   		print "<div class=\"bottom_box_outer\" style=\"margin-left:20px;\">";
			}
			if($datarow['id'] == 3)
			{
		   		print "<div class=\"bottom_box_outer\" style=\"margin-left:23px;\">";
			}
			if($datarow['id'] == 4)
			{
		   		print "<div class=\"bottom_box_outer\" style=\"margin-left:23px;\">";
			}

			print "<div class=\"bottom_box_text_content\"><b>".$datarow['title']."</b><br />".$datarow['text']."</div>";
			print "<div class=\"bottom_box_text_action\"><a href=\"".$datarow['url']."\" target=\"".$datarow['target']."\">".$datarow['linkname']."</a></div>";
			print "</div>";

	   }

	?>




    <div class="page_bottom">
     <div class="page_bottom_logo"><a href="http://gnotometrics.com"><img src="theme/images/logo_otometrics.png" /></a></div>
     </div>

    <!-- pagetop_boks END-->
    </div>

    <div class="block_divine">&nbsp;</div>

     <!-- thepage End-->
    </div>

    <!-- pagetop_wrap END-->
    </div>




</center>

</body>
</html>
